<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./0907day/css/bootstrap.css">
  <script src="./0907day/js/jquery.min.js"></script>
  <script src="./0907day/js/popper.min.js"></script>
  <script src="./0907day/js/bootstrap.min.js"></script>

  <style>
    .box {
      /* border: 1px solid red; */
      width: 100%;
      height: 1300px;
    }

    .body1 {
      width: 100%;
      height: 426px;
      background-color: rgb(60, 94, 158);
      display: flex;
    }

    .body1left {
      /* border: 1px solid red; */
      width: 600px;
      height: 383.6px;
      margin-left: 6%;
      margin-top: 3%;
    }

    .leftin {
      /* border: 1px solid blue; */
      width: 400px;
      height: 185px;
      /* margin-top: %; */
      margin-left: 18%;
    }

    .inin {
      /* border: black 1px solid; */
      width: 550px;
      height: 185px;
      margin-top: auto;
      margin-left: 8%;
    }

    .ininin {
      /* list-style: none; */
      float: left;
      /* border: blue solid 1px; */
      margin-left: 60px;
      /* padding-left: 0%; */
    }

    .lip {
      color: white;
      font-size: 22px;
      margin-left: 10px;
      margin-top: 3px;
    }

    .lip2 {
      color: white;
      font-size: 30px;
      /* margin-left: 10px;
      margin-top: 3px; */
    }

    .lip3 {
      color: white;
      font-size: 19px;
      margin-top: -20px;
    }

    .bodyright {
      /* border: 1px solid black; */
      width: 455px;
      height: 356px;
      background-color: white;

      margin-left: 12%;
      margin-top: 30px;
    }
    h4{
      margin-left: 0%;
      margin-top: 4%;
      margin-bottom: 4%;
      /* border: blue solid 1px; */
    }
    .rightin1 {
      width: 85%;
      height: 30px;
      margin-left: 7%;

    }

    .rightin2 {
      width: 85%;
      height: 30px;
      margin-left: 7%;
      margin-top: 5%;
    }

    .rightin3 {
      width: 150px;
      float: left;
      margin-top: 5%;
      margin-left: 7%;
    }

    .rightin33 {
      width: 150px;
      float: left;
      margin-top: 5%;
      margin-left: 5%;
    }

    .rightin4 {
      /* border: 1px solid red; */
      /* background-color: blue; */
      color: white;
      margin-top: 17%;
      margin-left: 65%;
    }
    button{
      background-color: rgb(60, 94, 158);
      font-size: 18px;
    }
    .body2 {
      width: 100%;
      height: 384px;
      /* border: 2px solid green; */
      /* background-color: black; */
    }

    .bodyin2 {
      width: 100%px;
      height: 350px;
      /* border: 1px solid black; */
      margin-left: 12%;

    }

    .in1 {
      /* border: blue 1px solid; */
      color: rgb(60, 94, 158);
      font-size: 25px;
      width: 100%;
      height: 15%;
    }

    .in2 {
      /* border: solid 5px yellow; */
      width: 100%;
      height: 85%;
      justify-content: space-evenly;
    }

    .in2in {
      /* display: flex; */
      float: left;
      /* border: blue 1px solid; */
      width: 25%;
      height: 100%;
    }

    .in2in1 {
      /* border: black 1px solid; */
      width: 100%;
      height: 40%;

    }

    .in2in2 {
      /* border: black 1px solid; */
      width: 100%;
      height: 25%;

    }

    .in2in3 {
      /* border: black 1px solid; */
      width: 100%;
      height: 35%;

    }

    .foot1 {
      width: 100%;
      height: 160px;
      /* border: 2px solid brown; */
      /* background-color: red; */
      text-align: center;
    }

   

    .foot2 {
      width: 100%;
      height: 151px;
      background-color: rgb(60, 94, 158);
      border: 2px solid paleturquoise;
      /* background-color: blue; */
    }

    .foot3in {
      /* border: solid 1px black; */
      width: 80%;
      height: 80%;
      margin-left: 10%;
      margin-top: 1%;
    }

    .a1 {
      width: 20%;
      height: 100%;
      /* border: black solid 1px; */
      float: left;
      
    }

    .ain1 {
      text-align: center;
    }

    .ain2 {
      text-align: center;
      color: white;
    }

    .foot3 {
      width: 100%;
      height: 250px;
     
      /* border: 2px solid black; */
      /* background-color: palevioletred; */
    }
    .in2inn {
      /* display: flex; */
      float: left;
      /* border: blue 1px solid; */
      width: 20%;
      height: 100%;
      font-size: 12px;
     
    }
    .in2in22 {
      /* border: black 1px solid; */
      width: 100%;
      height: 15%;

    }

a{
  color: black;
  font-size: 12px;
}
#汽车之家{
  color: #8d8d8d;
  font-size: 12px;
  margin-left: 15%;
}

#header {
            line-height: 47px;
            border: 1px solid #ddd;
            height: 47px;
            padding-left: 15%;
        }
  </style>
</head>

<body>
  
  <div class="navbar navbar-light bg-light navbar-expand-lg">
    <a href="./项目首页.html" class="navbar-brand">CRENTAL</a>
    <button data-toggle="collapse" data-target="#bar1" class="navbar-toggler">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div id="bar1" class="collapse navbar-collapse animated bounceInLeft">
        <ul class="navbar-nav">
            <li class="nav-tiem"><a href="#lunbo" id="a1" class="nav-link">轮播</a></li>
            <li class="nav-tiem"><a href="#deals" id="a2" class="nav-link">品牌</a></li>
            <li class="nav-tiem"><a href="#cars" id="a3" class="nav-link">车展</a></li>
            <li class="nav-tiem"><a href="#about" id="a4" class="nav-link">扩展</a></li>
            <li class="nav-tiem"><a href="./摩托车.html" class="nav-link">摩托</a></li>
            <li class="nav-tiem"><a href="./跨戳/quachuo.html" class="nav-link">跨戳</a></li>
            <li class="nav-tiem"><a href="./评测/home.html" class="nav-link">车辆评测</a></li>
            <li class="nav-tiem"><a href="./关于介绍/index.html" class="nav-link  navbar">关于我们</a></li>
            <li class="nav-tiem"><a href="./新闻资讯/xinwen.html" class="nav-link">新闻资讯</a></li>
            <li class="nav-tiem"><a href="./买车页面/1.html" class="nav-link">我要买车</a></li>
            <li class="nav-tiem"><a href="./卖车页面.html" class="nav-link">我要卖车</a></li>
            <li class="nav-tiem"><a href="私人订制.html" class="nav-link">私人订制</a></li>
            <li class="nav-tiem"><a href="./联系我们/index.html" class="nav-link">联系我们</a></li>
            <li class="nav-tiem"><a href="./3D/3D相册.html" class="nav-link">3D效果图</a></li>
            <li class="nav-tiem"><a href="登录注册.html" class="nav-link">登录/注册</a></li>
          

        </ul>
    </div>
</div>
</div>

  <div class="box">
    <div class="body1">
      <div class="body1left">
        <div class="inin">
          <div class="ininin">
            <img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/sell1_1.png" alt="">
            <br>
            <strong class="lip">流程简单</strong>
          </div>
          <div class="ininin">
            <img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/sell1_2.png" alt="">
            <br>
            <strong class="lip">快速回款</strong>
          </div>
          <div class="ininin">
            <img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/sell1.png" alt="">
            <br>
            <strong class="lip">诚信服务</strong>
          </div>
        </div>

        <div class="leftin">
          <strong class="lip2">汽车之家标准</strong>
          <br><br>
          <p class="lip3" style="font-size: 14px;">车龄不超过4年
            <br>
            行驶里程不超过80000公里<br>
            无结构性损伤，非事故车、泡水车或火烧车<br>
            具有完备、合法的车辆手续
          </p>
        </div>
      </div>
      <div class="bodyright">
        <div class="b">
          <h4 style=" color: rgba(23, 82, 243, 0.822);"><strong>登记您的爱车信息</strong></h4>
        </div>
        
        <td>


          <select class="rightin1" name="makeid" id="makeCar">
            <option value>请选择品牌</option>
            <option value="9">A奥迪</option>
            <option value="92">A阿尔法﹒罗密欧</option>
            <option value="97">A阿斯顿.马丁</option>
            <option value="184">B保斐利</option>
            <option value="82">B保时捷</option>
            <option value="127">B别克</option>
            <option value="163">B 北京</option>
            <option value="14">B 北汽制造</option>
            <option value="168">B 北汽威旺</option>
            <option value="211">B北汽幻速</option>
            <option value="216">B北汽新能源</option>
            <option value="195">B 北汽绅宝</option>
          </select>
        <td>
          <select class="rightin2" name="makeid" id="makeCar">
            <option value>请选择车系</option>
            <option value="9">A奥迪</option>
            <option value="92">A阿尔法﹒罗密欧</option>
            <option value="97">A阿斯顿.马丁</option>
            <option value="184">B保斐利</option>
            <option value="82">B保时捷</option>
            <option value="127">B别克</option>
          </select>
        <td>
          <select class="rightin2" name="makeid" id="makeCar">
            <option value>请选择车型</option>
            <option value="9">A奥迪</option>
            <option value="92">A阿尔法﹒罗密欧</option>
            <option value="97">A阿斯顿.马丁</option>
            <option value="184">B保斐利</option>
            <option value="82">B保时捷</option>
            <option value="127">B别克</option>
          </select>

          <input type="text" class="rightin3" placeholder="上牌时间">
          <input type="text" class="rightin33" placeholder="行驶里程">
          <!-- <input type="text" value="" class="rightin3" placeholder="上牌时间"  id="buytimeval" name="buytime" data-date-format="yyyy-mm" style="float:left; width:150px"> -->
          <!-- <input type="text" name="mile" placeholder="行驶里程" value="" class="rightin" id="mialval" style="float:right"> -->
          <!-- <div class="unit">万公里</div> -->
          <div class="rightin4">
            <button>估一下价</button>
            <button>提交</button>
          </div>
      </div>
    </div>
    <div class="body2">
      <div class="bodyin2">
        <div class="in1">
          <p><strong>二手车须知流程</strong></p>
        </div>
        <div class="in2">
          <div class="in2in">
            <div class="in2in1">
              <img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/sell2_1.png" alt="">
            </div>
            <div class="in2in2">
              <h3><strong>准备手续</strong></h3>
            </div>
            <div class="in2in3">
              <p>
                机动车登记证、行驶证、保养手册、身份证复印件等车辆资料
              </p>
            </div>
          </div>
          <div class="in2in">
            <div class="in2in1">
              <img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/sell2_2.png" alt="">
            </div>
            <div class="in2in2">
              <h3><strong>上门评估</strong></h3>
            </div>
            <div class="in2in3">
              <p>
                可以通过电话、网络提交评估需求，我们专业评估团队会及时联系您约上门评估时间和地点。
              </p>
            </div>
          </div>
          <div class="in2in">
            <div class="in2in1">
              <img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/sell2_4.png" alt="">
            </div>
            <div class="in2in2">
              <h3><strong>确定价格</strong></h3>
            </div>
            <div class="in2in3">
              <p>
                评估师根据车况反馈评估价格，结合车主售车意愿确定车辆价格。
              </p>
            </div>
          </div>
          <div class="in2in">
            <div class="in2in1">
              <img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/sell2_4.png" alt="">
            </div>
            <div class="in2in2">
              <h3><strong>办理手续</strong></h3>
            </div>
            <div class="in2in3">
              <p>
                确定交易的车辆准备好相关手续，由车主本人现场签字办理相关手续。
              </p>
            </div>
          </div>

        </div>
      </div>
      <div class="foot1">
        <div>
          <img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/sell3.jpg">
        </div>
      </div>
      <div class="foot2">
        <div class="foot3in">
          <div class="a1">
            <div class="ain1"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/db1.png" alt=""></div>
            <div class="ain2">
              <p>5000公里无需保养</p>
            </div>

          </div>
          <div class="a1">
            <div class="ain1"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/db2.png" alt=""></div>
            <div class="ain2">
              <p>5000公里无需保养</p>
            </div>
          </div>
          <div class="a1">
            <div class="ain1"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/db3.png" alt=""></div>
            <div class="ain2">
              <p>1年或两万公里无忧质保</p>
            </div>
          </div>
          <div class="a1">
            <div class="ain1"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/db4.png" alt=""></div>
            <div class="ain2">
              <p>7天无忧退换</p>>
            </div>
          </div>
          <div class="a1">
            <div class="ain1"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/db5.png" alt=""></div>
            <div class="ain2">
              <p> 置换有增值</p>
            </div>
          </div>
        </div>
      </div>
      <div class="foot3">
        <div class="bodyin2">
            <div class="in2inn">
              <div class="in2in22">
                <h4>汽车之家承诺</h4>
              </div>
              <ul class="nav navbar-nav">
                <li class="nav-item"><a href="" class="nav-link navbar-text">365项严苛检测</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">5000公里无需保养</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">一年或两万公里质保</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">7天退换</a></li>
            </ul>
            </div>
            <div class="in2inn">
              <div class="in2in22">
                <h4>买卖二手车指南</h4>
              </div>
              <ul class="nav navbar-nav">
                <li class="nav-item"><a href="" class="nav-link navbar-text">“禁止长时间停车”到底能</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">20年前开桑塔纳的大款们，</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">豪华入门跨界车之争,奔驰G</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">像初恋一样爱它，该给它怎</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">常开车不等于会开车 你的</a></li>
            </ul>
            </div>
            <div class="in2inn">
              <div class="in2in22">
                <h4>售后服务</h4>
              </div>
              <ul class="nav navbar-nav">
                <li class="nav-item"><a href="" class="nav-link navbar-text">24小时道路救援</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">豪车凹陷修复</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">定期上门维修保养服务</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">预约保养工时优惠</a></li>
            </ul>
            </div>
            <div class="in2inn">
              <div class="in2in22">
                <h4>关于汽车之家</h4>
              </div>
              <ul class="nav navbar-nav">
                <li class="nav-item"><a href="" class="nav-link navbar-text">汽车之家动态</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">汽车之家荣誉</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">汽车之家优势</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">联系汽车之家</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">评估团队</a></li>
            </ul>
            </div>
            <div class="in2inn">
              <div class="in2in22">
                <h4>汽车之家文化</h4>
              </div>
              <ul class="nav navbar-nav" style="color: black;">
                <li class="nav-item"><a href="" class="nav-link navbar-text">诚·立中原</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">信·立天下</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">改变、规范、引领一方市场</a></li>
                <li class="nav-item"><a href="" class="nav-link navbar-text">颠覆中原人购车理念</a></li>
            </ul>
            </div>
        
         
      </div>
      <div id="汽车之家" >
        Copyright © 2020 All Rights Reserved 河南汽车之家有限公司 版权
        <br>
        所有 豫ICP备汽车之家号
        地址：汽车之家 服务热线：汽车之家
        
  </div>
    </div>
    
</body>

</html>